/* ================================================================ 
This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/doors_drop_line.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* the styling */
#nava {float:left; padding-left:1px; padding-bottom:27px; width:480px; height:auto; margin-top:-20px;}
#nava .select, #nava .menu {margin:2.6em 0 0 0; padding:0; list-style:none; display:block; float:left;}
#nava .sub {margin:0; padding:0; list-style:none;}
#nava li {display:block; float:left; margin:0; padding:0; position:relative; z-index:1;}
#nava .menu li {z-index:0;}
#nava .select a, 
#nava .menu a {display:block; height:2.5em; float:left; width:100px; background:url(../images/account_left.gif) no-repeat left top; padding:0 0 0 9px; border-bottom:1px solid #776655; text-decoration:none; font-weight:bold; line-height:2.4em; white-space:nowrap;}

/* calculate the required widths of the top level */
#nava .one a {width:5.5em;}
#nava .two a {width:9.5em;}
#nava .three a {width:8.5em;}
#nava .four a {width:8em;}
#nava .five a {width:12em;}

#nava .select a b, 
#nava .menu a b {height:100%; display:block; background:url(../images/account_right.gif) no-repeat right top; padding:0 15px 0 6px; color:#555533;}
#nava .sub {display:none;}

/* for IE5.5 and IE6 only */
#nava table {position:absolute; border-collapse:collapse; left:0; top:0; font-size:1em;}

#nava .select a:hover b {color:#000000; cursor:pointer;}

#nava .menu a {background-position:0 -30px; border-color:#ffffff;}
#nava .menu a b {background-position:100% -30px; color:#000000;}

#nava .sub li a:hover, 
#nava .select a:hover .sub li a:hover, 
#nava .select li:hover .sub li a:hover {border-color:#aabbaa; background:#d8bfd8; color:#000;}

#nava .menu .sub .menu_sub a, 
#nava .menu .sub a:hover {border-color:#aabbaa; background:#d8bfd8; color:#000000;}

#nava .menu .sub, 
#nava .select a:hover .sub, 
#nava .select li:hover .sub {display:block; position:absolute; width:480px; top:2.5em; background:#ffffff; margin-top:1px; padding:3px 0 3px 0;}

* html #nava .menu .sub, * html #nava .select a:hover .sub {margin-top:0; margin-t\op:1px;}

#nava .menu .sub li a, 
#nava .select a:hover .sub li a, 
#nava .select li:hover .sub li a {display:inline; background:#ffffff; border:1px solid #dddddd; padding:0 5px; margin:0 10px 0 0; width:auto; white-space:nowrap; font-weight:normal; font-size:0.9em; height:2em; line-height:1.9em;}

#nava .select a:hover, 
#nava li:hover a {background-position:0% -30px; border-color:#ffffff;}

#nava .select a:hover b, 
#nava .select li:hover a b {background-position:100% -30px; border-color:#ffffff; color:#000000;}

/* calculate the left edge position of each sub level */
#nava .one .sub {left:0;}
#nava .two .sub {left:-5.5em; margin-left:-9px;}
#nava .three .sub {left:-15em; margin-left:-18px;}
* html #nava .three .sub {margin-left:-9px; marg\in-left:-18px;}
#nava .four .sub {left:-23.5em; margin-left:-27px;}
* html #nava .four .sub {margin-left:-18px; marg\in-left:-27px;}
#nava .five .sub {left:-31.5em; margin-left:-36px;}
* html #nava .five .sub {margin-left:-27px; marg\in-left:-36px;}

/* jQuery styles */
.logi  { background-color:#dbdbdb; padding:10px; margin:10px; } 
#login {padding-top:10px; }
#login label { clear:left; width:200px; padding:7px 0; font-size:12px; }
#login input { margin:7px 0;  }
#login input.submit { margin-left:200px; }

.reg  { background-color:#dbdbdb; padding:15px; margin:10px; }
#rego {padding-top:10px; }
#field, label { float:left; }
#rego label {  width:20em; }
br { clear:both; }
#rego table { border-spacing: 0px; border-collapse: collapse; empty-cells: show; }
#rego select { margin-left: .5em; }
#rego textarea { margin-left: .5em; }
#rego input { margin:0 0 .5em .5em; float:left; }
#rego input.submit { float:none; margin:0; }
#rego input.error { border:1px solid red; width:auto; }
#rego label.error {
background:url(../images/unchecked.png) no-repeat;
padding-left:16px; margin-left:.3em; height:16px; width:auto; 
font-weight: bold; color: #EA5200;
}
#rego label.valid {
background:url(../images/checked.png) no-repeat;
display:block; width:16px; height:16px;
}
#rego label.checked { background:url(../images/checked.png) no-repeat 0px 0px; }
#rego #lsignupsubmit { visibility: hidden; }
#rego .field { padding-bottom: 10px; white-space: nowrap; }
#rego .status { padding: 2px 0 0 8px; width: auto; white-space: nowrap; }
#rego .row { padding:10px 0; clear:both; white-space:nowrap; }
#rego .success_msg { font-weight: bold; color: #0060BF; margin-left: 19px; }
